/* 全局 CSS 变量定义 */
:root {
    /* 品牌主色（可用于按钮悬停、链接高亮等） */
    --brand: #ffffff;

    /* 品牌深色调（可用于暗色主题或 hover 效果） */
    --brand-dark: #4867d9;

    /* 主文本颜色（正文使用的默认文字颜色） */
    --text-main: #ffffff;

    /* 次级文本颜色（用于注释、辅助文字、时间戳等） */
    --text-muted: #6b7280;

    /* 页面主背景色 */
    --bg-main: #16202f;

    /* 边框颜色（用于卡片、输入框等边框） */
    --border: #e5e7eb;

    /* 较大的圆角尺寸（常用于按钮、卡片等元素） */
    --radius-lg: 1rem;
}